<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>chart</title>
<link rel="shortcut icon" href=" img/admin-logo-dark.png" />
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
<link rel="stylesheet" href="css/chart.css">
</head>
<body>
<!--导航栏-->
<nav>
    <div class="nav_1">
        <div class="nav_img">
            <img src="img/logo.png"/>
            <img src="img/text.png"/>
        </div>
    </div>
    <ul class="nav_ul">
        <li>
            <i class="iconfont icon-youjian-copy"></i>
            <ul class="nav_ul_1">
                <li>You Have 4 New Message</li>
                <li>
                    <img src="img/varun2.jpg"/>
                    <span>Pavan Kumar</span>
                    <p>9:30 AM</p>
                </li>
                <li>
                    <img src="img/varun3.jpg"/>
                    <span>Hritik Roshan</span>
                    <p>9:20 AM</p>
                </li>
                <li>
                    <img src="img/varun4.jpg"/>
                    <span>Pwandeep rajan</span>
                    <p>9:10 AM</p>
                </li>
                <li>
                    <img src="img/varun5.jpg"/>
                    <span>John Abraham</span>
                    <p>9:40 AM</p>
                </li>
                <li>Sell all notifications</li>
            </ul>
        </li>
        <li>
            <i class="iconfont icon-duihao"></i>
            <div class="nav_ul_2"><img src="img/nav_ul_2.png"/></div>
        </li>
        <li><i>Mega</i></li>
    </ul>
    <div class="nav_user">
        <img class="nav_userimg" src="img/varun.jpg">
        <h3>Steave</h3>
        <div class="nav_arror"></div>
    </div>
    <div class="nav_input">
        <input type="text" placeholder="Search..."/>
        <img src="img/bigmirror.png"/>
    </div>
</nav>
<!--左边侧栏-->
<div class="content">
    <aside>
        <ul class="aside_ul">
            <li><i class="iconfont icon-houtai1"></i><span>Navigation</span></li>
            <li class="libox">
                <img class="nav_userimg" src="img/varun.jpg">
                <span>Steve Gection</span>
                <b></b>
            </li>
            <li class="dom">
                    <a href="baipengfei.html"><h3>A</h3><h5>Baipengfei</h5></a>
                    <a href="Dashboard1.html"><h3>B</h3><h5>Zhangqifan</h5></a>
                    <a href="Dashboard3.html"><h3>C</h3><h5>Yangxu</h5></a>
                    <a href="chart.html"><h3>D</h3><h5>Liusaisai</h5></a>
                    <a href="user_card.html"><h3>E</h3><h5>Zhangyifan</h5></a>
                    <a href="UI Elements.html"><h3>F</h3><h5>Jingjing</h5></a>
                    <a href="panels-wells.html"><h3>G</h3><h5>Liudan</h5></a>
                </li>
            <li class="libox"><i class="iconfont icon-houtaiguanli"></i><span>Dash Board</span></li>
            <li class="libox"><i class="iconfont icon-youjian-copy"></i><span>eCommerce</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtai-huojian"></i><span>UI Elements</span></li>
            <li class="libox"><i class="iconfont icon-houtai-rili"></i><span>Sample Pages</span></li>
            <li class="libox"><i class="iconfont icon-houtai-pingjia"></i><span>Apps</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtaiguanli1"></i><span>Forms</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtai_shuju"></i><span>Tables</span></li>
            <li class="libox"><i class="iconfont icon-bangzhuguanli"></i><span>Charts</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtaiguanli2"></i><span>Wid Gets</span></li>
            <li class="libox"><i class="iconfont icon-houtai_anxia"></i><span>Icons</span></li>
            <li class="libox"><i class="iconfont icon-houtaiweihu"></i><span>Google Map</span><b></b></li>
            <li class="libox"><i class="iconfont icon-back-password"></i><span>Calender</span></li>
            <li class="libox"><i class="iconfont icon-proscenium"></i><span>Gallern</span><b></b></li>
        </ul>
    </aside>
</div>
<!--右边侧边栏-->
<div class="Bright">
    <div class="Bright_1">
        <span>SERVICE PANEL</span>
        <span class="Bright_1_1">×</span>
    </div>
    <div class="Bright_2">
        <div class="Bright_2_1">
            <h3>With Light sidebar</h3>
            <div class="Bright_2_1_1">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <div class="Bright_2_2">
            <h3>With Dark sidebar</h3>
            <div class="Bright_2_2_1">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <div class="Bright_2_3">
            <h3>Chat option</h3>
            <ul class="Bright_2_3_1">
                <li>
                    <a href="#">
                        <img src="img/varun.jpg"/>
                        <span>
                            Varun Dhavan
                            <small class="text-success">online</small>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun2.jpg"/>
                        <span>
                            GeneLia Deshmukh
                            <small class="text-success other1">Away</small>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun3.jpg"/>
                        <span>
                            Ritesh Deshmukh
                            <small class="text-success other2">Bush</small>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun4.jpg"/>
                        <span>
                            Arijit Sinh
                            <small class="text-success other3">Offline</small>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun5.jpg"/>
                        <span>
                            Govinda Star
                            <small class="text-success">online</small>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun6.jpg"/>
                        <span>
                            John Abraham
                            <small class="text-success">online</small>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun7.jpg"/>
                        <span>
                            Hritik Roshan
                            <small class="text-success">online</small>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun8.jpg"/>
                        <span>
                            Pwandeep rajan
                            <small class="text-success">online</small>
                        </span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部-->
<div class="Bheader">
    <div class="Bheader_1">
        <div class="Bheader_2">DASHBOARD 1</div>
        <div class="Bheader_3">
                <span class="Bheader_4">Dashboard &nbsp;&nbsp;&nbsp;/</span>
                <span class="Bheader_5">Dashboard 1</span>
                <button>Buy Admin Now</button>
                <div class="Bheader_6"><img src="img/yuan.png"/></div>
        </div>
    </div>
</div>
<!-- header -->
<div class="headerB">
	<div class="row">
<!-- one -->
	    <div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title">
	            	<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">简单线图</font>
	            	</font>
	            </h3>
	            <div class="ct-sm-line-chart" style="height: 400px;">

		            <div id="container" style="height: 400px"></div>
	 
        		</div>
	        </div>
	    </div>
<!-- two -->
	    <div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title"><font style="vertical-align: inherit;">
	            	<font style="vertical-align: inherit;">基础面积图</font>
	            	</font>
	            </h3>
	            <div class="ct-area-ln-chart" style="height: 400px;">
                <div id="GraphRegion" style="height:400px"></div>
	            </div>
	        </div>
	    </div>
<!-- three -->
		<div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title"><font style="vertical-align: inherit;">
	            	<font style="vertical-align: inherit;">金字塔条形图</font>
	            	</font>
	            </h3>
	            <div class="ct-area-ln-chart" style="height: 400px;">
                <div id="barChart" style="height:400px"></div>
	            </div>
	        </div>
	    </div>
<!-- four -->
		<div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title"><font style="vertical-align: inherit;">
	            	<font style="vertical-align: inherit;">饼图</font>
	            	</font>
	            </h3>
	            <div class="ct-area-ln-chart" style="height: 400px;">
                <div id="CircularDiagram" style="height:400px"></div>
	            </div>
	        </div>
	    </div>
<!-- five -->
		<div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title"><font style="vertical-align: inherit;">
	            	<font style="vertical-align: inherit;">环形图</font>
	            	</font>
	            </h3>
	            <div class="ct-area-ln-chart" style="height: 400px;">
                <div id="rose" style="height:400px"></div>
	            </div>
	        </div>
	    </div>
<!-- six -->
		<div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title"><font style="vertical-align: inherit;">
	            	<font style="vertical-align: inherit;">渐变柱状图</font>
	            	</font>
	            </h3>
	            <div class="ct-area-ln-chart" style="height: 400px;">
                <div id="WeatherForecast" style="height:400px"></div>
	            </div>
	        </div>
	    </div>
<!-- seven -->
		<div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title"><font style="vertical-align: inherit;">
	            	<font style="vertical-align: inherit;">图表变换</font>
	            	</font>
	            </h3>
	            <div class="ct-area-ln-chart" style="height: 400px;">
                <div id="transformation" style="height:400px"></div>
	            </div>
	        </div>
	    </div>
<!-- eight -->
		<div class="col-sm-6">
	        <div class="white-box">
	            <h3 class="box-title"><font style="vertical-align: inherit;">
	            	<font style="vertical-align: inherit;">热力图</font>
	            	</font>
	            </h3>
	            <div class="ct-area-ln-chart" style="height: 400px;">
                <div id="Bubble" style="height: 400px;"></div>
              </div>
	        </div>
	    </div>
	</div>
</div>
<!-- footer -->
<div class="S_footer">
	<span style="vertical-align: inherit;">         2017©Ample Admin由themedesigner.in提供给您 
    </span>
</div>
</body>
</html>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/highcharts-3d.js"></script>
<script type="text/javascript" src="js/exporting.js"></script>
<script type="text/javascript" src="js/chart.js"></script>